<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/index.css">
    <title>互联网网站首页</title>
    <style>
        * {
            padding: 0;
            margin: 0;
        }
    </style>
</head>
<script>
    // window.onload = function(){
    //     alert("此网站首页为仿写而来，并非抄袭！！！")
    // }
</script>
<body>
    <!-- 顶部导航 -->
    <div class="top-bar">
        <!-- 左侧 -->
        <div class="top-bat-left">
            <span class="line fl"></span>
            <a href="" class="fl">首页</a>
            <div class="multi">
                <span>案例与伙伴</span>
                <ul class="xiala">
                    <li>经典案例</li>
                    <li>合作伙伴</li>
                </ul>
            </div>
            <a href="">开发文档</a>
            <a href="">发现</a>
            <a href="">社区</a>
            <a href="">动态</a>
        </div>
        <!-- 右侧登陆与注册 -->
        <div class="top-bar-right">
            <button>登录</button>
            <button class="button2">注册</button>
        </div>
    </div>
    <!-- 首页banner展示区 -->
    <div class="lunbo" id="luobo">
        <!-- 显示第一张图片left偏移量设为-1920px -->
        <div class="banner" id="banner">
            <div class="current slide"></div>
            <div class="slide"></div>
            <div class="slide"></div>
            <div class="slide"></div>
            <div class="slide"></div>
        </div>
        <ul class="circle" id="circle">
            <li class="active" index="1"></li>
            <li index="2"></li>
            <li index="3"></li>
            <li index="4"></li>
            <li index="5"></li>
        </ul>
        <!-- 上一张下一张的按钮 -->
        <a href="javascript:;" id="prev" class="arrow1">&lt;</a>
        <a href="javascript:;" id="next" class="arrow2">&gt;</a>
    </div>
    <!-- 物联网云服务区 -->
    <!-- 物联网云服务区的大盒子 -->
    <div class="intro">
        <!-- 物联网云服务区内容 -->
        <div class="intro-datil">
            <!-- 云服务的大标题 -->
            <h1>中移物联网开放平台为您推荐全面完备的 IOT 云服务</h1>
            <!-- 鼠标hover的显示区域 -->
            <div class="datils-wrapper">
                <div class="datails" id="datails">
                    <p class="datail on">为IoT开发者提供智能设备自助开发工具、后台技术支持服务，为您提供物联网专网、短彩信、位置定位、设备管理、消息分发、远程升级等基础服务</p>
                    <p class="datail">为您提供第三方应用开发平台，快速实现不同业务需求，借助轻应用孵化器快速搭建属于自己的web和APP应用</p>
                    <p class="datail">高扩展的数据库、实时数据处理、智能预测离线数据分析、数据可视化展示等为您提供多维度的业务运营服务</p>
                    <p class="datail">高频的开发者社区，汇聚着不同的知识源，帮您结交更多的物联网爱好者，让项目与开发成果开始传播</p>
                </div>
            </div>
            <!-- 图片的分区区域 -->
            <ul class="lists">
                <!-- 整个区域用a包起来图片和文字都能链接 -->
                <a href="">
                    <li class="paas a">
                        <p>IoT PaaS 基础能力</p>
                    </li>
                </a>
                <a href="">
                    <li class="saas a">
                        <p>SaaS 业务服务</p>
                    </li>
                </a>
                <a href="">
                    <li class="iot a">
                        <p>IOT 数据云</p>
                    </li>
                </a>
                <a href="">
                    <li class="developer a">
                        <p>开发者社区</p>
                    </li>
                </a>
            </ul>
        </div>
    </div>
    <!-- 互联网产品功能区 -->
    <div class="chanpin">
        <h2>完善的功能助您上云更轻松、方便、高效</h2>
        <div>
            <div class="text">
                <h3>物联网服务平台为您提供的产品功能</h3>
                <ul class="chanpin-imgs">
                    <li class="flow">
                        <h5>流分析</h5>
                        <p>开发者自定义设备数据流类型和数据模板，让上传数据可视化展示</p>
                    </li>
                    <li class="decive">
                        <h5>设备云端管理</h5>
                        <p> 实时监控管理接入设备的状态与运行情况，并对设备进行远程操作</p>
                    </li>
                    <li class="proxy on">
                        <h5>多协议适配</h5>
                        <p>支持多种网络接入协议，轻松接入各种物联网设备、智能家居、汽车、穿戴设备、行业终端等</p>
                    </li>
                    <li class="app on">
                        <h5>轻应用快速生成</h5>
                        <p>提供的轻应用业务孵化平台，快速帮您搭建web和APP应用</p>
                    </li>
                    <li class="api">
                        <h5>API</h5>
                        <p>开放、完善的API接口便于用户在SaaS层与PaaS层对接</p>
                    </li>
                    <li class="debug">
                        <h5>在线调试</h5>
                        <p>提供虚拟的在线调试工具，方便开发者进行设备接入等调试</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 互联网视频展示区 -->
    <div class="shipin">
        <div class="shipin-mask">
            <p class="firstt">一切从连接开始</p>
            <p>物联网未来的方向</p>
            <a href=""></a>
        </div>
    </div>
    <!-- 互联网所做的事情 -->
    <div class="c-case">
        <h2>成熟的解决方案帮您快速了解物联网OneNET设备云平台</h2>
        <div class="c-zhanshi">
            <div class="c-zhanshi-left">
                <ul class="zhanshi-active">
                    <li class="active">智慧生活</li>
                    <li>环境监测</li>
                    <li>智慧农业</li>
                    <li>工业制造</li>
                    <li>智能设备</li>
                </ul>
              <div class="c-zhanshijiantou">
                <span class="c-jiantouz">&lt;</span>
                <span class="c-jiantouy">&gt;</span>
              </div>
            </div>
            <span class="shuxian"></span>
            <!-- 中间竖线 -->
            <!-- 右侧 -->
            <div class="c-zhanshi-right">
                <div class="zhanshi show">
                    <p>基于城市网络，依托云计算存储技术，全方位设定您的吃、穿、住、行场景体验，再结合智能终端，打造物联网生态高品质生活。</p>
                    <ul>
                        <li>
                            <a href=""><img src="./imgs/c-zhanshi.jpg" alt=""></a>
                            <span>智能学生卡综合解决方案</span>
                        </li>
                        <li>
                            <a href=""><img src="./imgs/c-zhanshi02.jpg" alt=""></a>
                            <span>基于OneNET平台的智能家居应用</span>
                        </li>
                        <li>
                            <a href=""><img src="./imgs/c-zhanshi03.jpg" alt=""></a>
                            <span>智慧村落控制系统</span>
                        </li>
                         <li>
                            <a href=""><img src="./imgs/c-zhanshi04.jpg" alt=""></a>
                            <span>工程照明智能无线WiFi控制系统</span>
                        </li>
                    </ul>
                </div>
                <div class="zhanshi">
                    <p>基于传感技术、网络技术、云存储和云计算技术，实现大气、水质、室内空气等监控，打造宜居环境，畅享绿色生活。</p>
                    <ul>
                        <li>
                            <a href=""><img src="./imgs/c-zhanshi05.jpg" alt=""></a>
                            <span>智能学生卡综合解决方案</span>
                        </li>
                        <li>
                            <a href=""><img src="./imgs/c-zhanshi06.jpg" alt=""></a>
                            <span>基于OneNET平台的智能家居应用</span>
                        </li>
                        <li>
                            <a href=""><img src="./imgs/c-zhanshi07.jpg" alt=""></a>
                            <span>智慧村落控制系统</span>
                        </li>
                         <li>
                            <a href=""><img src="./imgs/c-zhanshi08.jpg" alt=""></a>
                            <span>工程照明智能无线WiFi控制系统</span>
                        </li>
                    </ul>
                </div>
                <div class="zhanshi">
                    <p>主要是传感器，云平台等物联网技术在传统农业上的运用，通过移动平台或者电脑平台对农业生产进行控制，做到精确感知、精准操作、精细管理</p>
                    <ul>
                        <li>
                            <a href=""><img src="./imgs/c-zhanshi09.jpg" alt=""></a>
                            <span>智能学生卡综合解决方案</span>
                        </li>
                        <li>
                            <a href=""><img src="./imgs/c-zhanshi10.jpg" alt=""></a>
                            <span>基于OneNET平台的智能家居应用</span>
                        </li>
                        <li>
                            <a href=""><img src="./imgs/c-zhanshi11.jpg" alt=""></a>
                            <span>智慧村落控制系统</span>
                        </li>
                         <li>
                            <a href=""><img src="./imgs/c-zhanshi12.jpg" alt=""></a>
                            <span>工程照明智能无线WiFi控制系统</span>
                        </li>
                    </ul>
                </div>
                <div class="zhanshi">
                    <p>利用传感技术、网络技术、自动化技术等先进技术，通过智能化的感知、人机交互、决策和执行，实现设计过程、制造过程和制造装备智能化，将生产中的供应，制造，销售信息数据化、智慧化，最后达到快速，有效，个人化的产品供应。</p>
                    <ul>
                        <li>
                            <a href=""><img src="./imgs/c-zhanshi13.jpg" alt=""></a>
                            <span>智能学生卡综合解决方案</span>
                        </li>
                    </ul>
                </div>
                <div class="zhanshi">
                    <p>（智能硬件、穿戴设备、智能家居）通过对传统设备进行改造，软硬件结合的方式，使其具备连接的能力，实现互联网服务的加载，形成“云+端”的典型架构，具备了大数据等附加价值</p>
                    <ul>
                        <li>
                            <a href=""><img src="./imgs/c-zhanshi14.jpg" alt=""></a>
                            <span>智能学生卡综合解决方案</span>
                        </li>
                        <li>
                            <a href=""><img src="./imgs/c-zhanshi15.jpg" alt=""></a>
                            <span>基于OneNET平台的智能家居应用</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 物联网芯片展示 -->
    <div class="chip">
        <!-- 左侧导航 -->
        <div class="c-chip-detail">
            <p>模组芯片展示</p>
            <div class="c-chip-display">
                <!-- 左边部分 -->
                <div class="c-chip-left">
                    <ul class="left-nav">
                        <li class="active">芯片合作商</li>
                        <li>模组开发板</li>
                    </ul>
                <div class="btn1">
                    <span class="jiantouz1">&lt;</span>
                    <span class="jiantouy1">&gt;</span>
                 </div>
                </div>
                <!-- 右侧 -->
                <div class="c-chip-right">
                    <ul class="chips show">
                     <li class="lianshengde"><div class="sub_title">联盛德</div></li>
                     <li class="lexin"><div class="sub_title">乐鑫</div></li>
                     <li class="xinanxian"><div class="sub_title">新岸线</div></li>
                     <li class="qingke"><div class="sub_title">庆科</div></li>
                     <li class="hanfeng"><div class="sub_title">汉枫</div></li>
                     <li class="anxinke"><div class="sub_title">安信可</div></li>
                     <li class="zhaoming"><div class="sub_title">阳光照明</div></li>
                     <li class="dianlong"><div class="sub_title">江波龙电</div></li>
                    </ul>
                    <div class="model_group  chips">
                        <div class="developboard"></div>
                        <div class="model_develop_detail">
                            <h3>OneNET助你验证想法</h3>
                            <div class="text">我们为您提供OneNET麒麟开发板，30分钟可搭建自己的智能硬件，迈出您进入物联网世界的第一步。<br/>
                                麒麟座开发板使用STM32的单片机，配备了光学、倾角、温湿度等多个传感器，支持WIFI和GPRS联网两种模式，<br/>
                                对于开发者来说，最便利的是它预置了OneNET的连接协议，<br />
                                只需要进行简单操作，就可以和OneNET进行数据传输和实现反向控制。</div>
                                <button class="btn">立即申请</button>
                        </div>
                    </div>
                </div>
                <!-- 模板开发板 -->
            </div>
        </div>
    <!-- 合作企业 -->
    <div class="c-cooper">
        <h3 class="c-operative">合作企业</h3>
        <ul>
            <li class="xx">
                <!-- 为用来跳转到页面的作用 -->
                <a href="javascript:;">
                    <div class="bg1"></div>
                    <div class="bg2"></div>
                    <div class="title">test1</div>
                    <i class="i1"><img alt="" src="./imgs/logo_cooper1.png"/></i>
                    <i class="i2"><img alt="" src="./imgs/logo_cooper1.png"></i>
                </a>
            </li>
            <li class="mxchip">
                <!-- 为用来跳转到页面的作用 -->
                <a href="javascript:;">
                    <div class="bg1"></div>
                    <div class="bg2"></div>
                    <div class="title">test1</div>
                    <i class="i1"><img alt="" src="./imgs/logo_cooper2.png"/></i>
                    <i class="i2"><img alt="" src="./imgs/logo_cooper2.png"></i>
                </a>
            </li>
            <li class="nufront">
                <!-- 为用来跳转到页面的作用 -->
                <a href="javascript:;">
                    <div class="bg1"></div>
                    <div class="bg2"></div>
                    <div class="title">test1</div>
                    <i class="i1"><img alt="" src="./imgs/logo_cooper3.png"/></i>
                    <i class="i2"><img alt="" src="./imgs/logo_cooper3.png"></i>
                </a>
            </li>
            <li class="hf">
                <!-- 为用来跳转到页面的作用 -->
                <a href="javascript:;">
                    <div class="bg1"></div>
                    <div class="bg2"></div>
                    <div class="title">test1</div>
                    <i class="i1"><img alt="" src="./imgs/logo_cooper4.png"/></i>
                    <i class="i2"><img alt="" src="./imgs/logo_cooper4.png"></i>
                </a>
            </li>
            <li class="espressif">
                <!-- 为用来跳转到页面的作用 -->
                <a href="javascript:;">
                    <div class="bg1"></div>
                    <div class="bg2"></div>
                    <div class="title">test1</div>
                    <i class="i1"><img alt="" src="./imgs/logo_cooper5.png"/></i>
                    <i class="i2"><img alt="" src="./imgs/logo_cooper5.png"></i>
                </a>
            </li>
            <li class="sunlight">
                <!-- 为用来跳转到页面的作用 -->
                <a href="javascript:;">
                    <div class="bg1"></div>
                    <div class="bg2"></div>
                    <div class="title">test1</div>
                    <i class="i1"><img alt="" src="./imgs/logo_cooper6.png"/></i>
                    <i class="i2"><img alt="" src="./imgs/logo_cooper6.png"></i>
                </a>
            </li>
            <li class="longsys">
                <!-- 为用来跳转到页面的作用 -->
                <a href="javascript:;">
                    <div class="bg1"></div>
                    <div class="bg2"></div>
                    <div class="title">test1</div>
                    <i class="i1"><img alt="" src="./imgs/logo_cooper7.png"/></i>
                    <i class="i2"><img alt="" src="./imgs/logo_cooper7.png"></i>
                </a>
            </li>
            <li class="ai">
                <!-- 为用来跳转到页面的作用 -->
                <a href="javascript:;">
                    <div class="bg1"></div>
                    <div class="bg2"></div>
                    <div class="title">test1</div>
                    <i class="i1"><img alt="" src="./imgs/logo_cooper8.png"/></i>
                    <i class="i2"><img alt="" src="./imgs/logo_cooper8.png"></i>
                </a>
            </li>
            <li class="seaing">
                <!-- 为用来跳转到页面的作用 -->
                <a href="javascript:;">
                    <div class="bg1"></div>
                    <div class="bg2"></div>
                    <div class="title">test1</div>
                    <i class="i1"><img alt="" src="./imgs/logo_cooper9.png"/></i>
                    <i class="i2"><img alt="" src="./imgs/logo_cooper9.png"></i>
                </a>
            </li>
            <li class="ctunite">
                <!-- 为用来跳转到页面的作用 -->
                <a href="javascript:;">
                    <div class="bg1"></div>
                    <div class="bg2"></div>
                    <div class="title">test1</div>
                    <i class="i1"><img alt="" src="./imgs/logo_cooper10.png"/></i>
                    <i class="i2"><img alt="" src="./imgs/logo_cooper10.png"></i>
                </a>
            </li>
            <li class="hilink">
                <!-- 为用来跳转到页面的作用 -->
                <a href="javascript:;">
                    <div class="bg1"></div>
                    <div class="bg2"></div>
                    <div class="title">test1</div>
                    <i class="i1"><img alt="" src="./imgs/logo_cooper11.png"/></i>
                    <i class="i2"><img alt="" src="./imgs/logo_cooper11.png"></i>
                </a>
            </li>
            <li class="rflink">
                <!-- 为用来跳转到页面的作用 -->
                <a href="javascript:;">
                    <div class="bg1"></div>
                    <div class="bg2"></div>
                    <div class="title">test1</div>
                    <i class="i1"><img alt="" src="./imgs/logo_cooper12.png"/></i>
                    <i class="i2"><img alt="" src="./imgs/logo_cooper12.png"></i>
                </a>
            </li>
            <li class="ikar">
                <!-- 为用来跳转到页面的作用 -->
                <a href="javascript:;">
                    <div class="bg1"></div>
                    <div class="bg2"></div>
                    <div class="title">test1</div>
                    <i class="i1"><img alt="" src="./imgs/logo_cooper13.png"/></i>
                    <i class="i2"><img alt="" src="./imgs/logo_cooper13.png"></i>
                </a>
            </li>
            <li class="murata">
                <!-- 为用来跳转到页面的作用 -->
                <a href="javascript:;">
                    <div class="bg1"></div>
                    <div class="bg2"></div>
                    <div class="title">test1</div>
                    <i class="i1"><img alt="" src="./imgs/logo_cooper14.png"/></i>
                    <i class="i2"><img alt="" src="./imgs/logo_cooper14.png"></i>
                </a>
            </li>
            <li class="fst">
                <!-- 为用来跳转到页面的作用 -->
                <a href="javascript:;">
                    <div class="bg1"></div>
                    <div class="bg2"></div>
                    <div class="title">test1</div>
                    <i class="i1"><img alt="" src="./imgs/logo_cooper15.png"/></i>
                    <i class="i2"><img alt="" src="./imgs/logo_cooper15.png"></i>
                </a>
            </li>

        </ul>
    </div>
    <!-- 互联网新闻资讯 -->
    <div class="c-news">
       <div class="grid">
           <h3>物联网开放平台新闻资讯</h3>
           <ul>
               <li>
                   <h3><a href="" title="萨瓦迪卡，OneNET泰语版上线啦">萨瓦迪卡，OneNET泰语版上线啦</a></h3>
                   <p class="author">新闻作者：OneNET</p>
                   <a href=""><img src="./imgs/news1.png" alt="萨瓦迪卡，OneNET泰语版上线啦"></a>
                   <p class="textarea">近日，OneNET完成了多语言版本功能测试，并完成了设备接入、开发环境、应用编辑等场景下的语言适配，小One对使用泰语开发者们发来了第一声问候：萨瓦迪卡！</p>
               </li>
               <li>
                <h3><a href="" title="2016中国“互联网+”创新大会">2016中国“互联网+”创新大会</a></h3>
                <p  class="author">新闻作者：OneNET</p>
                <a href=""><img src="./imgs/news2.jpg" alt="助推智慧城市，拥抱万物互联——OneNET出席2016中国“互联网+”创新大会"></a>
                <p class="textarea">11月25日，作为双创节重要活动之一，由海口市人民政府携手中国电子信息产业发展研究院、海南工业和信息化厅三方共同主办的“2016中国‘互联网+’创新大会”在海口隆重开幕,OneNET出席2016中国“互联网+”创新大会。</p>
            </li>
            <li>
                <h3><a href="" title="中移OneNET杯”浙江大学第二届物联网应用创新大赛决赛圆满落幕">中移OneNET杯”应用大赛落幕</a></h3>
                <p  class="author">新闻作者：OneNET</p>
                <a href=""><img src="./imgs/news3.jpg" alt="中移OneNET杯”浙江大学第二届物联网应用创新大赛决赛圆满落幕"></a>
                <p class="textarea">2016年12月2日“中移OneNET杯”浙江大学第二届物联网应用创新大赛决赛在玉泉校区永谦广场B座二楼报告厅圆满落幕。此次大赛由中国移动物联网开放平台OneNET提供云平台服务及赛事支持，车联网智能交通排放收费项目和智能室内系统项目最终分别摘得获得创意组和设计组桂冠。</p>
            </li>
           </ul>
           <div class="morenews"><a href="">更多新闻</a></div>
       </div>
    </div>
    <!-- 大图片展示 -->
    <div class="c-join">
        <p class="first">还在犹豫什么?</p>
        <p class="last"><a href="">立即加入</a></p>
    </div>
    <!-- 底部 -->
    <div class="footer">
      <div class="f-cols">
          <div class="col languge">
              <em>语言</em>
              <ul>
                  <li><a href="">中文</a></li>
                  <li><a href="">English</a></li>
                  <li><a href="">賘隅</a></li>
              </ul>
          </div>
          <div class="col about">
            <ul>
                <em>关于我们</em>
                <li><a href="">我们是谁</a></li>
                <li><a href="">可信云认证</a></li>
                <li><a href="">成功案例</a></li>
                <li><a href="">加入我们</a></li>
            </ul>
          </div>
          <div class="col developer">
            <em>开发者</em>
          <ul>
            <li><a href="">快速接入设备</a></li>
            <li><a href="">开发文档</a></li>
            <li><a href="">服务协议</a></li>
          </ul>
        </div>
        <div class="col lianjie">
            <em>友情链接</em>
          <ul>
            <li><a href="">中移物联网</a></li>
            <li><a href="">物联网专网</a></li>
            <li><a href="">arduind中文社区</a></li>
            <li><a href="">贯众开放平台</a></li>
            <li><a href="">开源中国</a></li>
            <li><a href="">极客工坊</a></li>
            <li><a href="">更多&gt;&gt;</a></li>
          </ul>
        </div>
        <div class="col app">
            <em>App下载</em>
          <ul>
            <li><img src="./imgs/erweima.jpg" alt=""></li>
          </ul>
        </div>
        <div class="col ways">
            <em>联系方式</em>
          <ul>
            <li><a href="">136-37892912（胡经理）</a></li>
            <li><a href="">023-81390011（电话）</a></li>
            <li><a href="">023-81390033（传真）</a></li>
            <li><a href="">QQ交流群1: 244899442 </a></li>
            <li><a href="">QQ交流群2: 160596423</a></li>
            <li><a href="">iot_service@iot.chinamobile.com</a></li>
            <li><a href="">重庆市南岸区玉马路8号</a></li>
          </ul>
        </div>
      </div>
    </div>
    <!-- 版权所有 -->
    <div class="banquan">
            <span class="first">中移物联网</span>
            <span>版权所有 (c)&nbsp;&nbsp;&nbsp;2016</span>
    </div>
    <script src="./js/jquery-1.10.1.js"></script>
    <!-- <script src="./js/banner.js"></script> -->
    <script src="./js/banner2.js"></script>
    <script src="./js/event-datail.js"></script>
    <script src="./js/event-zhanshi.js"></script>
    <script src="./js/chip.js"></script>
</body>

</html>